<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>


<!-- List with handle -->
<div id="listWithHandle" class="list-group">
	<div class="list-group-item">
		<span class="badge">14</span>
		<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
		Drag me by the handle
	</div>
	<div class="list-group-item">
		<span class="badge">2</span>
		<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
		You can also select text
	</div>
	<div class="list-group-item">
		<span class="badge">1</span>
		<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
		Best of both worlds!
	</div>
</div>

</body>
</html>
